<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link href="static/css/bootstrap.min.css" rel="stylesheet" />
		<link href="static/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		
		<link rel="stylesheet" href="static/css/datepicker.css" /><!-- 日期框 -->
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
		
<script type="text/javascript">
	
	
</script>
	</head>
<body>
	<form action="carapply/${msg }.do" name="Form" id="Form" method="post">
		<input type="hidden" name="apply_id" id="apply_id" value="${pd.apply_id}"/>
		<div id="zhongxin">
			<h1>
				车辆申请详情<small><i class="icon-double-angle-right"></i> </small>
			</h1>
		<table id="table_report" class="table table-striped table-bordered table-hover">
			<tr>
				<td style="text-align: right;">图片:</td>
				<td colspan="3"><img src="<%=basePath%>uploads/uploadImgs/wowo.jpg" height="30" width="50"/></td>
			</tr>
			<tr>
				<td style="width:150px;text-align: right;">车牌号:</td>
				<td>${pd.car_number}</td>
				<td style="width:150px;text-align: right;">申请事件:</td>
				<td>${pd.apply_event}</td>
			</tr>
			<tr>
				<td style="width:150px;text-align: right;">申请时间:</td>
				<td>${pd.apply_time}</td>
				<td style="width:150px;text-align: right;">申请状态:</td>
				<td>
				<c:if test="${pd.apply_status == 0}">审核成功</c:if>
				<c:if test="${pd.apply_status == 1}">正在使用</c:if>
				<c:if test="${pd.apply_status == 2}">已归还</c:if>
				<c:if test="${pd.apply_status == 3}">已撤销</c:if>
				<c:if test="${pd.apply_status == 4}">审核中</c:if>
				<c:if test="${pd.apply_status == 5}">申请失败</c:if>
				</td>
			</tr>							
			<tr>
				<td style="width:150px;text-align: right;">起始时间:</td>
				<td>${pd.apply_start_time}</td>
				<td style="width:150px;text-align: right;">结束时间:</td>
				<td>${pd.apply_end_time}</td>
			</tr>
			<tr>
			</tr>
			<tr>
				<td style="width:150px;text-align: right;">用车人:</td>
				<td>${pd.apply_person}</td>
				<td style="width:150px;text-align: right;">司机:</td>
				<td>${pd.car_driver}</td>
			</tr>
			<tr>
				<td style="width:150px;text-align: right;">备注:</td>
				<td colspan="3">${pd.apply_remark}</td>
			</tr>
			<tr>
				<td style="text-align: center;" colspan="10">
				<a class="btn btn-mini btn-primary" onclick="1">取消申请</a>
				<a class="btn btn-mini btn-danger" onclick="javascript:history.back(-1);">返回</a>
				</td>
			</tr>
		</table>
		</div>
		
		<div id="zhongxin2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
		<fieldset>
			<legend>流转信息</legend>
			<div id="histoicFlowList">
				<table class="table table-striped table-bordered table-condensed">
					<tr><th>执行环节</th><th>执行人</th><th>开始时间</th><th>结束时间</th><th>提交意见</th><th>任务历时</th></tr>
					<c:forEach items="${varList}" var="act">
						<tr>
							<td>${act.histIns.activityName}</td>
							<td>${act.assigneeName}</td>
							<td><fmt:formatDate value="${act.histIns.startTime}" type="both"/></td>
							<td><fmt:formatDate value="${act.histIns.endTime}" type="both"/></td>
							<td style="word-wrap:break-word;word-break:break-all;">${act.comment}</td>
							<td>${act.durationTime}</td>
						</tr>
					</c:forEach>
				</table>
			</div>
		</fieldset>
	</form>
		<!-- 引入 -->
		<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
		<script src="static/js/bootstrap.min.js"></script>
		<script src="static/js/ace-elements.min.js"></script>
		<script src="static/js/ace.min.js"></script>
		<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
		<script type="text/javascript" src="static/js/bootstrap-datepicker.min.js"></script><!-- 日期框 -->
		<script type="text/javascript">

		
		$(top.hangge());
		$(function() {
			
			//单选框
			$(".chzn-select").chosen(); 
			$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
			
			//日期框
			$('.date-picker').datepicker();
		});
		
		</script>
</body>
</html>